html, body
{
	height:100%;
}

body
{
	background:url(../../images/core/body-bg.png);
	color:#323232;
	font:13px/1.5 Arial, Helvetica, sans-serif;
}

.inset
{
	background-image:url(../../images/core/inset.png);
	
	/* CSS 3 */
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow:0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5);
	-khtml-box-shadow:0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Header */

div#header
{
	background:url(../../images/core/header-bg.png) repeat-x;
	height:58px;
	border-bottom:4px solid;
	z-index:1;
	position:absolute;
	top:0; left:0; right:0;
	
	/* CSS 3 */
	
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.35);
	-o-box-shadow:0 2px 2px rgba(0, 0, 0, 0.35);
	-khtml-box-shadow:0 2px 2px rgba(0, 0, 0, 0.35);
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.35);
}
div#logo
{
    float:left;
}
div#user-info
{
    float: right;
    line-height: 15px;
    margin: 15px 10px 0 0;
    padding: 5px 37px 5px 10px;  
}
div#user-info a:hover
{
    color:#ccc;
}
/* Wrapper */

div#wrapper
{
	height:auto;
	min-height:100%;
	margin-top:90px;
	position:relative;
	z-index:0;
}

/* Sidebar */
div#sidebar-bg
{
    position:absolute;
    top:-90px; bottom:0; left:0;
    background:url(../../images/core/sidebar-bg.png);
    width:230px;
}
div#sidebar
{
	width:230px;
	padding-right:6px;
	z-index:1;
	position:relative;
	float:left;
	top:0; bottom:0;
}

div#splitbar
{
    position:absolute;
    top:-90px; bottom:0;
	left:215px;
	width:17px;
	z-index:2;
	background:url(../../images/core/sidebar-stitch.png) repeat-y;
}


/* Navigation */
div#navigation ul, 
div#navigation ul li
{
	margin:0;
	list-style:none;
}

div#navigation ul
{
	border-top:1px solid #18191d;
	border-bottom:1px solid #535755;
}

div#navigation ul li
{
	position:relative;
	border-top:1px solid #535755;
	border-bottom:1px solid #18191d;
}

div#navigation ul li a, 
div#navigation ul li span
{
	color:#ffffff;
	outline:none;
	display:block;
	text-decoration:none;
	margin-left:10px;
	margin-right:16px;
	position:relative;
	padding:11px 0 11px 35px;
	line-height:20px;
}

div#navigation ul li a.rs-icon-32, 
div#navigation ul li span.rs-icon-32
{
	padding-left:40px;
	background-position:4px center;
}

div#navigation ul li a.rs-icon-24, 
div#navigation ul li span.rs-icon-24
{
	padding-left:40px;
	background-position:4px center;
}

div#navigation ul li span.nav-tooltip
{
	position:absolute;
	line-height:1;
	padding:5px;
	right:-16px;
	top:50%;
	margin-top:-12px;
}

div#navigation ul li ul
{	
	background:url(../../images/core/inset.png);
	border:0;
	
	/* CSS 3 */
	
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
	-khtml-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

div#navigation ul li ul.closed
{
	display:none;
}

div#navigation ul li ul li
{
	border:0;
	padding:0;
	margin:0;
}

div#navigation ul li ul li a, 
div#navigation ul li ul li span
{
	display:block;
	font-size:12px;
	padding:4px 0 4px 40px;
	color:#ffffff !important;
	text-shadow:none;
}
div#navigation ul li ul li a.active
{
    color:#C5D52B!important;
}
div#navigation ul li ul li:hover
{
	background:url(../../images/core/sub-nav-bg.png);
}

/* Container */

div#container
{
	margin-left:236px;
	min-height:100%;
}

div#container .container
{
	float:left;
	margin:0 4%;
}


/* Footer */

div#footer
{
	width:92%;
	margin:0 4%;
	text-align:center;
	padding:16px 0;
	border-top:1px solid #dadada;
	float:left;
}


/* head */
div#header
{
    background: url("../../images/core/bg-head-backend.jpg") repeat-x scroll 0 0 transparent;
    height: 65px;
    padding-top: 10px;
    padding-left:10px;
}
div#user-info
{
    background:transparent;
    box-shadow:none;
    border: 1px dotted #CCCCCC;
    color: red;
}